<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>layout 后台大布局 - Layui</title>
  <link rel="stylesheet" href="./static/layui/css/layui.css">
</head>
<body class="layui-layout-body">
<div class="site-text" style="margin: 5%; display: none" id="window"  target="test123">	
	<form class="layui-form" id="book" method="post" lay-filter="example">
	  <div class="layui-form-item">
	    <label class="layui-form-label">用户名</label>
	    <div class="layui-input-block">
	      <input type="text" id="name" name="bid" lay-verify="name" autocomplete="off" placeholder="请输入用户名" class="layui-input">
	    </div>
	  </div>
	  <div class="layui-form-item">
	    <label class="layui-form-label">邮箱</label>
	    <div class="layui-input-block">
	      <input type="text" id="email" name="bname" lay-verify="email" autocomplete="off" placeholder="请输入邮箱" class="layui-input">
	    </div>
	  </div>
	  <div class="layui-form-item">
	    <label class="layui-form-label">密码</label>
	    <div class="layui-input-block">
	      <input type="password" id="password" name="password" lay-verify="title" autocomplete="off" placeholder="请输入密码" class="layui-input">
	    </div>
	  </div>
	</form>
</div>
<div class="layui-layout layui-layout-admin">
  <div class="layui-header">
    <div class="layui-logo">Blog 后台管理</div>
    <ul class="layui-nav layui-layout-left">
      <li class="layui-nav-item"><a href="./index.html">博客首页</a></li>
      <li class="layui-nav-item"><a href="./admin.html">后台首页</a></li>
    </ul>
		<ul class="layui-nav layui-layout-right">
				<li class="layui-nav-item"><script id="person" type="text/html">
						<a href="javascript:;"><img src={{d.data.avatar}} class="layui-nav-img">{{d.data.name}}	
								<span class="layui-nav-more"></span></a>
						 	   <dl class="layui-nav-child">
								{{# if(d.data.id != 0) { }}
						      		<dd><a href="./person.html">我的文章</a></dd>
						      		<dd><a href="javascript:;" id="logout">退出</a></dd>
								{{# } else { }}
									<dd><a href="./login.html">登录</a></dd>
								{{# } }}
								</dl>
							</a>
							</script>
					<div id="account"></div>
				</li>
			</ul>
 </div>
  
  <div class="layui-side layui-bg-black">
    <div class="layui-side-scroll">
      <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
      <ul class="layui-nav layui-nav-tree"  lay-filter="test">
        <li class="layui-nav-item">
          <a class="" href="javascript:;" onclick="showTableData(0)">文章管理</a>
        </li>
        <li class="layui-nav-item">
          <a class="" href="javascript:;" onclick="showTableData(1)">分类管理</a>
        </li>
        <li class="layui-nav-item">
          <a class="" href="javascript:;" onclick="showTableData(2)">标签管理</a>
        </li>
        <li class="layui-nav-item">
          <a class="" href="javascript:;" onclick="showTableData(3)">评论管理</a>
        </li>
        <li class="layui-nav-item">
          <a class="" href="javascript:;" onclick="showTableData(4)">用户管理</a>
        </li>
      </ul>
    </div>
  </div>
  
  <div class="layui-body">
    <!-- 内容主体区域 -->
    <div style="padding: 15px;">
		<table id="demo" lay-filter="demo"></table>
		<div class="layui-col-md12" id="pages"></div>
    </div>
  </div>
 <script type="text/html" id="toolBar">
    <div class="layui-btn-container">
        <!--button class="layui-btn layui-btn-sm" lay-event="getCheckData">获取选中行数据</button>
        <button class="layui-btn layui-btn-sm" lay-event="getCheckLength">获取选中数目</button--!>
        <button class="layui-btn layui-btn-sm" lay-event="isAll">验证是否全选</button>
        <button class="layui-btn layui-btn-sm layui-icon" id="addItem" lay-event="add">&#xe654;</button>
        <button class="layui-btn layui-btn-sm layui-icon" id="delItem" lay-event="batchDel">&#xe640;</button>
        <div class="layui-btn layui-btn-sm">
            <input type="text" name="search">
        </div>
        <button class="layui-btn layui-btn-sm layui-icon" lay-event="search">&#xe615;</button>
        <button class="layui-btn layui-btn-sm layui-icon" lay-event="flush">&#xe669;</button>
    </div>
</script>
 <script type="text/html" id="articleBar">
  <div class="layui-btn-container">
    <button class="layui-btn layui-btn-sm" lay-event="detail">查看</button>
    <button class="layui-btn layui-btn-sm" lay-event="del">删除</button>
  </div>
</script>
 <script type="text/html" id="userBar">
  <div class="layui-btn-container">
	<button class="layui-btn layui-btn-sm" lay-event="resetPwd">重置密码</button>
    <button class="layui-btn layui-btn-sm" lay-event="del">删除</button>
  </div>
</script>
 <script type="text/html" id="otherBar">
  <div class="layui-btn-container">
	<button class="layui-btn layui-btn-sm" lay-event="update">修改</button>
    <button class="layui-btn layui-btn-sm" lay-event="del">删除</button>
  </div>
</script>
  <div class="layui-footer">
    <!-- 底部固定区域 -->
    © <a href="https://gitee.com/XzcGroup/XzcBlogTemplate" target="_blank" title="XzcBlogTemplate">XzcBlogTemplate</a> - 本套模板采用layui进行开发。
  </div>
</div>
<script src="./static/layui/layui.js"></script>
<script src="./static/js/admin.js"></script>